// lodash 封装好很多js方法的库
// import _ from 'lodash'
import printMe from './print.js'
import { cube } from './math.js' 
// import './styles.css'

// 静态导入代码
// function component(){
//     // var element = document.createElement('div');
//     var element = document.createElement('pre');
//     // var btn = document.createElement('button')
//     element.innerHTML = [
//         'Hello webpack!',
//         `5 cubed is equal to` + cube(5)
//      ].join('\n\n');
//      if(process.env.NODE_ENV!=='production'){
//         console.log('Look like we are in development mode!')
//      }

//     return element
// }

// let element = component()
// document.body.appendChild(element)
// if (module.hot) {
//     module.hot.accept('./print.js', function() {
//         console.log('Accepting the updated printMe module!');
//         printMe();
//     })
// }


// 动态导入代码
// async function getComponent(){
//     var element = document.create('div')
//     const _ =  await import(/*webpackChunkName "lodash" */'lodash')
//     element.innerHTML = _.join(['hello','webpack'],'')
//     return element 
// }

// getComponent().then(component=>{
//     document.body.appendChild(component);
// })


// 懒加载

function component(){
    var element = document.createElement('div');
    var button = document.createElement('button')
    button.innerHTML = '你好'
    var br = document.createElement('br')
    element.appendChild(button)
    element.appendChild(br)

    button.onclick = e =>import(/*webpackChunkName:"lodash"*/'./print').then(module =>{
        var print = module.default
        print()
    })
    return element
}

document.body.appendChild(component())

